/**
 * 参考文档: https://juejin.cn/post/6844904150157754376
 * 路由文件
 */
import { createRouter, createWebHashHistory } from 'vue-router'

// 全局路由(无需嵌套上左右整体布局)
export const globalRoutes = [
    {path: '/404',   name: '404',   component: () => import('../views/common/404.vue'), meta: {title: '404未找到' }},
    {path: '/login', name: 'login', component: () => import('../views/common/login.vue'), meta: {title: '登录'}},
    {path: '/home', name: 'home', component: () => import('../views/main.vue'), meta: {title: '登录'}}
]

// 主入口路由(需嵌套上左右整体布局)
export const mainRoutes = {
    path: '/',
    name: 'main',
    component: () => import('../views/main.vue'),
    redirect: '/home',
    meta: { title: '主入口整体布局' },
    children: [
        // 通过meta对象设置路由展示方式
        // 1. isTab: 是否通过tab展示内容, true: 是, false: 否
        // 2. iframeUrl: 是否通过iframe嵌套展示内容, '以http[s]://开头': 是, '': 否
        // 提示: 如需要通过iframe嵌套展示内容, 但不通过tab打开, 请自行创建组件使用iframe处理!
        { path: '/home', name: 'home', component: () => import('../views/common/home.vue'), meta: { title: '首页' } }
    ]
}

const router = createRouter({
    history: createWebHashHistory(''),
    // routes: globalRoutes.concat(mainRoutes),
    routes: globalRoutes,
    strict: true,
    scrollBehavior: () => ({ left: 0, top: 0 }),
});

export default router;